<!DOCTYPE html>
<html lang="en">
<!--<< Header Area >>-->

<head>
  <!-- ========== Meta Tags ========== -->
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="author" content="modinatheme" />
  <meta name="description" content="DalTech - IT Solution & Technology Html Template" />
  <!-- ======== Page title ============ -->
  <title>望今科技 - IT解决方案和技术支持</title>
  <!--<< Favcion >>-->
  <link rel="shortcut icon" href="assets/img/preloader.svg" />
  <!--<< Bootstrap min.css >>-->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
  <!--<< Font Awesome.css >>-->
  <link rel="stylesheet" href="assets/css/font-awesome.css" />
  <!--<< Animate.css >>-->
  <link rel="stylesheet" href="assets/css/animate.css" />
  <!--<< Magnific Popup.css >>-->
  <link rel="stylesheet" href="assets/css/magnific-popup.css" />
  <!--<< MeanMenu.css >>-->
  <link rel="stylesheet" href="assets/css/meanmenu.css" />
  <!--<< Slick.css >>-->
  <link rel="stylesheet" href="assets/css/slick.css" />
  <!--<< Nice Select.css >>-->
  <link rel="stylesheet" href="assets/css/nice-select.css" />
  <!--<< Main.css >>-->
  <link rel="stylesheet" href="assets/css/main.css" />
  <!--<< Style.css >>-->
  <link rel="stylesheet" href="style.css" />
</head>

<body>
  <!-- Preloader Start -->
  <div id="preloader" class="preloader">
    <div class="animation-preloader">
      <div class="spinner"></div>
      <div class="txt-loading">
        <span data-text-preloader="望" class="letters-loading">望</span>
        <span data-text-preloader="今" class="letters-loading">今</span>
        <span data-text-preloader="科" class="letters-loading">科</span>
        <span data-text-preloader="技" class="letters-loading">技</span>
      </div>
      <p class="text-center">Loading</p>
    </div>
    <div class="loader">
      <div class="row">
        <div class="col-3 loader-section section-left">
          <div class="bg"></div>
        </div>
        <div class="col-3 loader-section section-left">
          <div class="bg"></div>
        </div>
        <div class="col-3 loader-section section-right">
          <div class="bg"></div>
        </div>
        <div class="col-3 loader-section section-right">
          <div class="bg"></div>
        </div>
      </div>
    </div>
  </div>

  <!--<< Mouse Cursor Start >>-->
  <div class="mouse-cursor cursor-outer"></div>
  <div class="mouse-cursor cursor-inner"></div>

  <!-- Offcanvas Area Start -->
  <div class="fix-area">
    <div class="offcanvas__info">
      <div class="offcanvas__wrapper">
        <div class="offcanvas__content">
          <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
            <div class="offcanvas__logo">
              <a href="index.html">
                <img src="assets/img/logo/logo3.svg" alt="logo-img" />
              </a>
            </div>
            <div class="offcanvas__close">
              <button>
                <i class="fas fa-times"></i>
              </button>
            </div>
          </div>

          <div class="mobile-menu fix mb-3"></div>
          <div class="offcanvas__contact">
            <h4>Contact Info</h4>
            <ul>
              <li class="d-flex align-items-center">
                <div class="offcanvas__contact-icon">
                  <i class="fal fa-map-marker-alt"></i>
                </div>
                <div class="offcanvas__contact-text">
                  <a target="_blank" href="#">Main Street, Melbourne, Australia</a>
                </div>
              </li>
              <li class="d-flex align-items-center">
                <div class="offcanvas__contact-icon mr-15">
                  <i class="fal fa-envelope"></i>
                </div>
                <div class="offcanvas__contact-text">
                  <a href="mailto:info@azent.com">
                    <span class="mailto:wangjinbrand@163.com">wangjinbrand@163.com</span>
                  </a>
                </div>
              </li>
              <li class="d-flex align-items-center">
                <div class="offcanvas__contact-icon mr-15">
                  <i class="fal fa-clock"></i>
                </div>
                <div class="offcanvas__contact-text">
                  <a target="_blank" href="#">郑州市管城紫荆山路59号 裕鸿国际B座 1519室</a>
                </div>
              </li>
              <li class="d-flex align-items-center">
                <div class="offcanvas__contact-icon mr-15">
                  <i class="far fa-phone"></i>
                </div>
                <div class="offcanvas__contact-text">
                  <a href="tel:+11002345909">联系电话</a>
                </div>
              </li>
            </ul>
            <div class="header-button mt-4">
              <a href="contact.html" class="theme-btn text-center">
                <span>
                  Contact Us
                  <i class="fas fa-chevron-right"></i>
                </span>
              </a>
            </div>
            <div class="social-icon d-flex align-items-center">
              <a href="#"><i class="fab fa-facebook-f"></i></a>
              <a href="#"><i class="fab fa-twitter"></i></a>
              <a href="#"><i class="fab fa-youtube"></i></a>
              <a href="#"><i class="fab fa-linkedin-in"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="offcanvas__overlay"></div>

  <!-- Header Top Start -->
  <div class="header-top-section fix">
    <div class="container">
      <div class="header-top-wrapper">
        <ul class="contact-list">
          <li>
            <i class="far fa-envelope"></i>
            <a href="mailto:wangjinbrand@163.com" class="link">wangjinbrand@163.com</a>
          </li>
          <li>
            <i class="fas fa-map-marker-alt"></i>
	          郑州市管城紫荆山路59号 裕鸿国际B座 1519室
          </li>
        </ul>
        <div class="top-right">
          <div class="social-icon d-flex align-items-center">
            <!-- <a href="#"><i class="fab fa-facebook-f"></i></a>
              <a href="#"><i class="fab fa-twitter"></i></a>
              <a href="#"><i class="fab fa-vimeo-v"></i></a>
              <a href="#"><i class="fab fa-pinterest-p"></i></a> -->
          </div>
          <ul class="header-menu">
            <li>
              <a href="contact.html">联系我们</a>
            </li>
            <li>
              <a href="faq.html">解决方案</a>
            </li>
            <li>
              <a href="contact.html">联系我们</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- Header Area Start -->
  <header class="header-section-1">
    <div id="header-sticky" class="header-1">
      <div class="container-fluid">
        <div class="mega-menu-wrapper">
          <div class="header-main">
            <div class="header-left">
              <div class="logo">
                <a href="index.html" class="header-logo">
                  <img src="assets/img/logo/logo3.svg" alt="logo-img" />
                </a>
              </div>
              <div class="mean__menu-wrapper">
                <div class="main-menu">
                  <nav id="mobile-menu">
                    <ul>
                      <li class="has-dropdown active menu-thumb">
                        <a href="index.html">首页</a>
                      </li>
                      <li class="has-dropdown active menu-thumb">
                        <a href="service.html">服务</a>
                      </li>
                      <li class="has-dropdown active menu-thumb">
                        <a href="project.html">案例</a>
                      </li>
                      <li class="has-dropdown active menu-thumb">
                        <a href="faq.html">解决方案</a>
                      </li>
                      <li class="has-dropdown active menu-thumb">
                        <a href="about.html">关于我们</a>
                      </li>
                      <li class="has-dropdown active menu-thumb">
                        <a href="contact.html">联系我们</a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
            </div>
            <div class="header-right d-flex justify-content-end align-items-center">
              <div class="contact-info">
                <div class="icon">
                  <img src="assets/img/call.png" alt="img" />
                </div>
                <div class="content">
                  <p>手机号:</p>
                  <h6>
                    <a href="tel:+23645689622">联系电话</a>
                  </h6>
                </div>
              </div>
              <div class="header-button">
                <a href="news-details.html" class="link-btn">
                  <span>查看更多</span>
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <a href="#0" class="search-trigger search-icon">
                <i class="fal fa-search"></i>
              </a>
              <div class="header__hamburger d-lg-none my-auto">
                <div class="sidebar__toggle">
                  <i class="far fa-bars"></i>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>

  <!-- Search Area Start -->
  <div class="search-wrap">
    <div class="search-inner">
      <i class="fas fa-times search-close" id="search-close"></i>
      <div class="search-cell">
        <form method="get">
          <div class="search-field-holder">
            <input type="search" class="main-search-input" placeholder="请输入要搜索的内容" />
          </div>
        </form>
      </div>
    </div>
  </div>

  <!--<< Hero Section Start >>-->
  <section class="hero-section hero-1">
    <div class="hero-slider-active">
      <div class="slide-bg bg-cover wow zoomIn" style="background-image: url('assets/img/hero/hero-1.svg')">
        <div class="container">
          <div class="row g-4 justify-content-between align-items-center">
            <div class="col-lg-8">
              <div class="hero-content">
                <h4 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.2">
                  望今科技
                </h4>
                <h1 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                  望得高，看得远，对每一位客户负责，个性化定制。
                </h1>
                <div class="hero-button">
                  <a href="service-details.html" class="theme-btn hover-white fs-lg animated"
                    data-animation-in="fadeInRight" data-delay-in="0.7">
                    <span>
                      服务探索
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="frame-shape fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                <img src="assets/img/hero/frame-shape.png" alt="shape-img" />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="slide-bg bg-cover wow zoomIn" style="background-image: url('assets/img/hero/hero-1.svg')">
        <div class="container">
          <div class="row g-4 justify-content-between align-items-center">
            <div class="col-lg-8">
              <div class="hero-content">
                <h4 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.2">
                  望今科技
                </h4>
                <h1 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                  承诺的事一定做到，做不到的绝不承诺，重视承诺。
                </h1>
                <div class="hero-button">
                  <a href="service-details.html" class="theme-btn hover-white fs-lg animated"
                    data-animation-in="fadeInRight" data-delay-in="0.7">
                    <span>
                      服务探索
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="frame-shape fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                <img src="assets/img/hero/frame-shape.png" alt="shape-img" />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="slide-bg bg-cover wow zoomIn" style="background-image: url('assets/img/hero/hero-3.svg')">
        <div class="container">
          <div class="row g-4 justify-content-between align-items-center">
            <div class="col-lg-8">
              <div class="hero-content">
                <h4 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.2">
                  望今科技
                </h4>
                <h1 class="fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                  一个项目的交付，使您在软件领域多一位靠谱的朋友！
                </h1>
                <div class="hero-button">
                  <a href="service-details.html" class="theme-btn hover-white fs-lg animated"
                    data-animation-in="fadeInRight" data-delay-in="0.7">
                    <span>
                      服务探索
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="frame-shape fs-lg animated" data-animation-in="fadeInRight" data-delay-in="0.5">
                <img src="assets/img/hero/frame-shape.png" alt="shape-img" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <svg xmlns="http://www.w3.org/2000/svg" style="display: none">
      <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44" width="44px" height="44px" id="circle" fill="none"
        stroke="currentColor">
        <circle r="20" cy="22" cx="22" id="translandcircle" />
      </symbol>
    </svg>
  </section>

  <!--<< Feature Section Start >>-->
  <section class="feature-section fix section-padding">
    <div class="shape-image">
      <img src="assets/img/shape.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="row g-4">
        <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".3s">
          <div class="single-feature-items">
            <div class="content">
              <span>服务</span>
              <h3>
                成就客户是我们的
                <br />
                荣耀
              </h3>
            </div>
            <div class="icon">
              <img src="assets/img/feature/icon-1.svg" alt="icon-img" />
            </div>
          </div>
        </div>
        <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".5s">
          <div class="single-feature-items active">
            <div class="content">
              <span>素质</span>
              <h3>
                优秀的职业操守和
                <br />
                个人良知
              </h3>
            </div>
            <div class="icon">
              <img src="assets/img/feature/icon-2.svg" alt="icon-img" />
            </div>
          </div>
        </div>
        <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".7s">
          <div class="single-feature-items">
            <div class="content">
              <span>风格</span>
              <h3>
                做不到的，不承诺
                <br />
                承诺的，必实现
              </h3>
            </div>
            <div class="icon">
              <img src="assets/img/feature/icon-3.svg" alt="icon-img" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--<< About Section Start >>-->
  <section class="about-section fix section-padding pt-0">
    <div class="container">
      <div class="about-wrapper">
        <div class="row">
          <div class="col-lg-6">
            <div class="about-image-items">
              <div class="border-shape">
                <img src="assets/img/about/border-shape.png" alt="shape-img" />
              </div>
              <div class="about-image bg-cover wow fadeInLeft" data-wow-delay=".3s"
                style="background-image: url('assets/img/about/about.svg')">
                <div class="about-image-2 wow fadeInUp" data-wow-delay=".5s">
                  <img src="assets/img/about/about-2.svg" alt="about-img" />
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 mt-5 mt-lg-0">
            <div class="about-content">
              <div class="section-title">
                <span class="wow fadeInUp">向高看，向远看</span>
                <h2 class="wow fadeInUp" data-wow-delay=".3s">
                  我们突出真正值得信赖的IT业务解决方案
                </h2>
              </div>
              <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                望今科技为您提供高端APP开发，管理软件序定制，高品质网站设计等服务,目前公司拥有国内高水平的研发工程师，并且拥有丰富的行业经验，我们将与您面对面沟通需求，原型对接清晰直观，采用1v1方式，负责每一个客户，个性化定制。
              </p>
              <div class="circle-progress-bar-wrapper">
                <div class="single-circle-bar wow fadeInUp" data-wow-delay=".3s">
                  <div class="circle-bar" data-percent="100" data-duration="1000"></div>
                  <div class="content">
                    <h6>
                      业务
                      <br />
                      策略
                    </h6>
                  </div>
                </div>
                <div class="single-circle-bar wow fadeInUp" data-wow-delay=".5s">
                  <div class="circle-bar" data-percent="100" data-duration="1000"></div>
                  <div class="content">
                    <h6>
                      技术服务
                      <br />
                      解决方案
                    </h6>
                  </div>
                </div>
              </div>
              <ul class="about-list wow fadeInUp" data-wow-delay=".7s">
                <li>
                  <i class="far fa-check me-2"></i>
                  专业团队成员
                </li>
                <li>
                  <i class="far fa-check me-2"></i>
                  完美的解决方案
                </li>
                <li>
                  <i class="far fa-check me-2"></i>
                  专业的技术服务
                </li>
              </ul>
              <div class="about-author">
                <div class="about-button wow fadeInUp" data-wow-delay=".8s">
                  <a href="about.html" class="theme-btn">
                    <span>
                      关于我们
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--<< Service Section Start >>-->
  <section class="service-section fix section-padding section-bg">
    <div class="shape-image">
      <img src="assets/img/service/shape.png" alt="shape-img" />
    </div>
    <div class="bottom-shape">
      <img src="assets/img/service/bottom-shape.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="title-section-area">
        <div class="section-title">
          <span class="wow fadeInUp">最优质的服务</span>
          <h2 class="wow fadeInUp" data-wow-delay=".3s">
            我们的服务
            <br />
            最有经验
          </h2>
        </div>
        <a href="service-details.html" class="theme-btn wow fadeInUp" data-wow-delay=".5s">
          <span>
            服务详情
            <i class="fas fa-chevron-right"></i>
          </span>
        </a>
      </div>
    </div>
    <div class="service-wrapper">
      <div class="service-carousel-active">
        <div class="service-card-items">
          <div class="service-content">
            <div class="icon">
              <i class="flaticon-blueprint"></i>
            </div>
            <div class="content">
              <h4>01</h4>
              <h3>
                <a href="service-details.html">高端网站定制</a>
              </h3>
              <p>
                专业设计，定制开发，创意呈现，卓越服务，
                <br />
                量身打造解决方案。
              </p>
            </div>
          </div>
          <div class="service-image bg-cover" style="background-image: url('assets/img/service/01.svg')">
            <a href="service-details.html" class="arrow-icon">
              <i class="far fa-arrow-right"></i>
            </a>
          </div>
        </div>
        <div class="service-card-items">
          <div class="service-content">
            <div class="icon">
              <i class="flaticon-service"></i>
            </div>
            <div class="content">
              <h4>02</h4>
              <h3>
                <a href="service-details.html">移动端网站建设</a>
              </h3>
              <p>
                响应式设计，跨平台兼容，用户体验优化，
                <br />
                移动互联解决方案。
              </p>
            </div>
          </div>
          <div class="service-image bg-cover" style="background-image: url('assets/img/service/02.svg')">
            <a href="service-details.html" class="arrow-icon">
              <i class="far fa-arrow-right"></i>
            </a>
          </div>
        </div>
        <div class="service-card-items">
          <div class="service-content">
            <div class="icon">
              <i class="flaticon-cloud-storage"></i>
            </div>
            <div class="content">
              <h4>03</h4>
              <h3>
                <a href="service-details.html">小程序开发高端定制</a>
              </h3>
              <p>
                创意设计，个性开发，精准定位，专业服务，
                <br />
                一站式解决方案。
              </p>
            </div>
          </div>
          <div class="service-image bg-cover" style="background-image: url('assets/img/service/03.svg')">
            <a href="service-details.html" class="arrow-icon">
              <i class="far fa-arrow-right"></i>
            </a>
          </div>
        </div>
        <div class="service-card-items">
          <div class="service-content">
            <div class="icon">
              <i class="flaticon-blueprint"></i>
            </div>
            <div class="content">
              <h4>01</h4>
              <h3>
                <a href="service-details.html">高端网站定制</a>
              </h3>
              <p>
                专业设计，定制开发，创意呈现，卓越服务，
                <br />
                量身打造解决方案。
              </p>
            </div>
          </div>
          <div class="service-image bg-cover" style="background-image: url('assets/img/service/01.svg')">
            <a href="service-details.html" class="arrow-icon">
              <i class="far fa-arrow-right"></i>
            </a>
          </div>
        </div>
        <div class="service-card-items">
          <div class="service-content">
            <div class="icon">
              <i class="flaticon-service"></i>
            </div>
            <div class="content">
              <h4>02</h4>
              <h3>
                <a href="service-details.html">移动端网站建设</a>
              </h3>
              <p>
                响应式设计，跨平台兼容，用户体验优化，
                <br />
                移动互联解决方案。
              </p>
            </div>
          </div>
          <div class="service-image bg-cover" style="background-image: url('assets/img/service/02.svg')">
            <a href="service-details.html" class="arrow-icon">
              <i class="far fa-arrow-right"></i>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--<< Service Section Start >>-->
  <section class="trusted-client-section fix section-padding pt-0">
    <div class="container">
      <div class="trusted-client-wrapper">
        <div class="row align-items-center">
          <div class="col-xl-5">
            <div class="trusted-client-image bg-cover" style="background-image: url('assets/img/feature/trusted.svg')">
              <div class="icon-box">
                <img src="assets/img/circle.png" alt="img" class="text-circle" />
                <div class="icon">
                  <img src="assets/img/icon.png" alt="icon-img" />
                </div>
              </div>
              <div class="counter-main-area">
                <div class="counter-area">
                  <div class="counter-items">
                    <h2>
                      <span class="count">100</span>
                      %
                    </h2>
                    <h3>态度</h3>
                  </div>
                  <div class="counter-items">
                    <h2>
                      <span class="count">100</span>
                      %
                    </h2>
                    <h3>服务</h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-7 mt-5 mt-xl-0">
            <div class="trusted-content">
              <div class="section-title">
                <span class="wow fadeInUp">望今科技，瞻望未来</span>
                <h2 class="wow fadeInUp" data-wow-delay=".3s">
                  为什么选择我们
                  <br />
                  <br />
                </h2>
              </div>
              <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                专注软件外包服务领域，只做最擅长的事。我们基于专业的互联网技术研发能力，良好的客户服务态度和长期合作的售后跟踪，为客户提供满意的软件研发，运营定制服务。
              </p>
              <div class="single-tab-items">
                <ul class="nav mb-4" role="tablist">
                  <li class="nav-item wow fadeInUp" data-wow-delay=".3s" role="presentation">
                    <a href="#mission" data-bs-toggle="tab" class="nav-link active" aria-selected="true" role="tab">
                      专业能力
                    </a>
                  </li>
                  <li class="nav-item wow fadeInUp" data-wow-delay=".5s" role="presentation">
                    <a href="#strategy" data-bs-toggle="tab" class="nav-link" aria-selected="false" role="tab"
                      tabindex="-1">
                      服务态度
                    </a>
                  </li>
                  <li class="nav-item wow fadeInUp" data-wow-delay=".7s" role="presentation">
                    <a href="#vision" data-bs-toggle="tab" class="nav-link" aria-selected="false" role="tab"
                      tabindex="-1">
                      售后保障
                    </a>
                  </li>
                </ul>
                <div class="tab-content">
                  <div id="mission" class="tab-pane fade show active" role="tabpanel">
                    <div class="tab-content-items">
                      <ul class="wow fadeInUp" data-wow-delay=".3s">
                        <li>
                          <i class="fas fa-check"></i>
                          全栈技术大拿
                        </li>
                        <li>
                          <i class="fas fa-check"></i>
                          资深前端开发
                        </li>
                        <li>
                          <i class="fas fa-check"></i>
                          资深后端开发
                        </li>
                        <li>
                          <i class="fas fa-check"></i>
                          前大厂业务测试工程师
                        </li>
                      </ul>
                      <div class="icon-area">
                        <div class="icon-items d-flex align-items-center gap-3 wow fadeInUp" data-wow-delay=".5s">
                          <div class="icon">
                            <i class="flaticon-microchip"></i>
                          </div>
                          <h6>高端定制</h6>
                        </div>
                        <div class="icon-items d-flex align-items-center gap-3 wow fadeInUp" data-wow-delay=".7s">
                          <div class="icon">
                            <i class="flaticon-microchip"></i>
                          </div>
                          <h6>高端服务</h6>
                        </div>
                      </div>
                      <div class="pro-items wow fadeInUp" data-wow-delay=".9s">
                        <div class="pro-head">
                          <h6 class="title">真正技术解决方案</h6>
                          <span class="point">100%</span>
                        </div>
                        <div class="progress">
                          <div class="progress-value" style="width: 100% !important"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="strategy" class="tab-pane fade" role="tabpanel">
                    <div class="tab-content-items">
                      <ul>
                        <li>
                          <i class="fas fa-check"></i>
                          重视承诺
                        </li>
                        <li>
                          <i class="fas fa-check"></i>
                          24小时专业服务
                        </li>
                        <li>
                          <i class="fas fa-check"></i>
                          客户需求的深挖定制
                        </li>
                      </ul>
                      <div class="icon-area">
                        <div class="icon-items d-flex align-items-center gap-3">
                          <div class="icon">
                            <i class="flaticon-microchip"></i>
                          </div>
                          <h6>高端定制</h6>
                        </div>
                        <div class="icon-items d-flex align-items-center gap-3">
                          <div class="icon">
                            <i class="flaticon-microchip"></i>
                          </div>
                          <h6>高端服务</h6>
                        </div>
                      </div>
                      <div class="pro-items">
                        <div class="pro-head">
                          <h6 class="title">真正技术解决方案</h6>
                          <span class="point">100%</span>
                        </div>
                        <div class="progress">
                          <div class="progress-value" style="width: 100% !important"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="vision" class="tab-pane fade" role="tabpanel">
                    <div class="tab-content-items">
                      <ul>
                        <li>
                          <i class="fas fa-check"></i>
                          长期追踪
                        </li>
                        <li>
                          <i class="fas fa-check"></i>
                          快速响应
                        </li>
                      </ul>
                      <div class="icon-area">
                        <div class="icon-items d-flex align-items-center gap-3">
                          <div class="icon">
                            <i class="flaticon-microchip"></i>
                          </div>
                          <h6>高端定制</h6>
                        </div>
                        <div class="icon-items d-flex align-items-center gap-3">
                          <div class="icon">
                            <i class="flaticon-microchip"></i>
                          </div>
                          <h6>高端服务</h6>
                        </div>
                      </div>
                      <div class="pro-items">
                        <div class="pro-head">
                          <h6 class="title">真正技术解决方案</h6>
                          <span class="point">100%</span>
                        </div>
                        <div class="progress">
                          <div class="progress-value" style="width: 100% !important"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--<< Cta Banner Section Start >>-->
  <section class="cta-banner-section bg-cover section-padding"
    style="background-image: url('assets/img/banner/01.jpg')">
    <div class="container">
      <div class="cta-banner-wrapper section-padding pt-0">
        <div class="section-title mb-0">
          <span class="text-white wow fadeInUp">望今科技</span>
          <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
            获取免费定制服务方案和报价！
            <br />
            请联系我们 :
            <a href="tel:123884400" class="text-white">(123) 884400</a>
          </h2>
        </div>
        <a href="contact.html" class="theme-btn hover-white wow fadeInUp" data-wow-delay=".5s">
          <span>
            获取联系方式
            <i class="fas fa-chevron-right"></i>
          </span>
        </a>
      </div>
    </div>
  </section>

  <!--<< Feature Icon Box Section Start >>-->
  <section class="feature-icon-box-area">
    <div class="container">
      <div class="feature-icon-box-wrapper">
        <div class="row g-4">
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="icon-box-items">
              <div class="icon">
                <i class="flaticon-microchip"></i>
              </div>
              <div class="content">
                <h3>定制服务</h3>
                <p>专业人员一对一指导，及时响应。</p>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
            <div class="icon-box-items active">
              <div class="icon">
                <i class="flaticon-cloud-storage"></i>
              </div>
              <div class="content">
                <h3>数据备份</h3>
                <p>功能完整，程序运行流畅，拒绝BUG。</p>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
            <div class="icon-box-items">
              <div class="icon">
                <i class="flaticon-gear"></i>
              </div>
              <div class="content">
                <h3>设计开发</h3>
                <p>完美复刻客户提供功能。</p>
                <br />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--<< Case Studies Start >>-->
  <div class="marque-section section-padding pt-20">
    <div class="marquee-wrapper text-slider">
      <div class="marquee-inner to-left">
        <ul class="marqee-list d-flex">
          <li class="marquee-item">
            <span class="text-slider">根据客户需求按时完成不超期</span>
            <span class="text-slider"></span>
            <span class="text-slider style-border"></span>
            <span class="text-slider">功能完整</span>
            <span class="text-slider">程序运行流畅</span>
            <span class="text-slider">拒绝BUG</span>
            <span class="text-slider style-border"></span>
            <span class="text-slider">需求内免费修改</span>
            <span class="text-slider">免费调试</span>
            <span class="text-slider">免费答疑</span>
            <span class="text-slider style-border"></span>
            <span class="text-slider">专业人员一对一指导</span>
            <span class="text-slider">及时响应</span>
            <span class="text-slider">及时反馈</span>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!--<< Case Studies Start >>-->
  <section class="case-studies-1 section-padding fix pt-0">
    <div class="container">
      <div class="case-studies-wrapper">
        <div class="row g-0">
          <div class="col-xl-7">
            <div class="case-studies-content-area">
              <div class="section-title">
                <span class="wow fadeInUp">我们的案例</span>
                <h2 class="wow fadeInUp" data-wow-delay=".3s">
                  由我们团队创建的
                  <br />
                  精彩项目
                </h2>
              </div>
              <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                目前公司拥有国内高水平的研发工程师，并且拥有丰富的行业经验，我们将与您面对面沟通需求，
                <br />原型对接清晰直观，采用1v1方式，负责每一个客户，个性化定制。
              </p>
              <div class="case-studies-items">
                <h2 class="mb-2 wow fadeInUp case-studies-items-title">我们擅长的领域</h2>
                <div class="case-studies-content">
                  <div class="content wow fadeInUp" data-wow-delay=".3s">
                    <h3>
                      <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked"
                        data-image="assets/img/project/01.jpg">
                        FM财务管理系统
                      </a>
                    </h3>
                  </div>
                  <div class="content wow fadeInUp" data-wow-delay=".5s">
                    <h3>
                      <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked"
                        data-image="assets/img/project/02.jpg">
                        ERP企业管理系统
                      </a>
                    </h3>
                  </div>
                </div>
                <div class="case-studies-content">
                  <div class="content wow fadeInUp" data-wow-delay=".3s">
                    <h3>
                      <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked"
                        data-image="assets/img/project/03.jpg">
                        ERP企业管理系统
                      </a>
                    </h3>
                  </div>
                  <div class="content wow fadeInUp" data-wow-delay=".5s">
                    <h3>
                      <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked"
                        data-image="assets/img/project/04.jpg">
                        SCM供应链管理系统
                      </a>
                    </h3>
                  </div>
                </div>
                <div class="case-studies-content">
                  <div class="content wow fadeInUp" data-wow-delay=".3s">
                    <h3>
                      <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked"
                        data-image="assets/img/project/05.jpg">
                        EAM资产管理系统
                      </a>
                    </h3>
                  </div>
                  <div class="content wow fadeInUp" data-wow-delay=".5s">
                    <!-- <h5 class="mb-2">我们擅长的领域/</h5> -->
                    <h3>
                      <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked"
                        data-image="assets/img/project/06.jpg">
                        HR人力资源管理系统
                      </a>
                    </h3>
                  </div>
                </div>
                <div class="case-studies-content">
                  <div class="content wow fadeInUp" data-wow-delay=".3s">
                    <h3>
                      <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked"
                        data-image="assets/img/project/05.jpg">
                        GSP进存管理系统
                      </a>
                    </h3>
                  </div>
                  <div class="content wow fadeInUp" data-wow-delay=".5s">
                    <!-- <h5 class="mb-2">我们擅长的领域/</h5> -->
                    <h3>
                      <a href="project-details.html" class="changeImage2 wow fadeInUp pt-0 clicked"
                        data-image="assets/img/project/06.jpg">
                        移动端高端定制开发
                      </a>
                    </h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-5 mt-5 mt-xl-0">
            <div class="image case-studies-image">
              <img id="myImage2" src="assets/img/project/01.jpg" alt="image" />
              <a href="project-details.html" class="icon">
                <i class="flaticon-up-arrow"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--<< Counter Section Start >>-->
  <section class="counter-section section-padding pt-0 section-bg">
    <div class="line-shape">
      <img src="assets/img/line.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="counter-wrapper">
        <div class="row g-4">
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="counter-items text-center">
              <div class="icon center">
                <i class="flaticon-earth-globe"></i>
              </div>
              <div class="content">
                <h2>
                  <span class="count">100</span>
                  %
                </h2>
                <p>
                  高端网站定制
                </p>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
            <div class="counter-items text-center">
              <div class="icon center">
                <i class="flaticon-verified"></i>
              </div>
              <div class="content">
                <h2>
                  <span class="count">100</span>
                  %
                </h2>
                <p>
                  移动端网站建设
                </p>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
            <div class="counter-items text-center">
              <div class="icon center">
                <i class="flaticon-financial-profit"></i>
              </div>
              <div class="content">
                <h2>
                  <span class="count">100</span>
                  %
                </h2>
                <p>
                  小程序开发高端定制
                </p>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".9s">
            <div class="counter-items text-center">
              <div class="icon center">
                <i class="flaticon-infrastructure"></i>
              </div>
              <div class="content">
                <h2>
                  <span class="count">100</span>
                  %
                </h2>
                <p>
                  云产品
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--<< Contact Section Start >>-->
  <section class="contact-section fix section-padding">
    <div class="container">
      <div class="contact-wrapper">
        <div class="shape-image">
          <img src="assets/img/contact/bg-shape.png" alt="shape-img" />
        </div>
        <div class="row align-items-center">
          <div class="col-lg-6">
            <div class="contact-image bg-cover" style="background-image: url('assets/img/contact/01.jpg')">
              <div class="shape-image-2">
                <img src="assets/img/contact/shape-img.png" alt="shape-img" />
              </div>
            </div>
          </div>
          <div class="col-lg-6 mt-5 mt-lg-0">
            <div class="contact-area">
              <div class="section-title">
                <span class="wow fadeInUp">立即联系我们</span>
                <h2 class="wow fadeInUp" data-wow-delay=".3s">
                  让我们一起努力
                </h2>
              </div>
              <div class="contact-form-items mt-5 mt-md-0">
                <form action="#" id="contact-form" method="POST">
                  <div class="row g-3">
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                      <div class="form-clt">
                        <input type="text" name="name" id="name" placeholder="请输入您的姓名" />
                      </div>
                    </div>
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                      <div class="form-clt">
                        <input type="text" name="name" id="name2" placeholder="请输入您的邮箱" />
                      </div>
                    </div>
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                      <div class="form-clt">
                        <input type="text" name="email" id="email" placeholder="请输入您的手机号" />
                      </div>
                    </div>
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                      <div class="form-clt">
                        <input type="text" name="phone" id="phone" placeholder="请输入您的需求意向" />
                      </div>
                    </div>
                    <div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
                      <div class="form-clt">
                        <textarea name="message" id="message" placeholder="请您在此补充您的详情需求信息（选填）"></textarea>
                      </div>
                    </div>
                    <div class="col-lg-12 wow fadeInUp" data-wow-delay=".5s">
                      <button type="submit" class="theme-btn">
                        <span>
                          给我们留言
                          <i class="fas fa-chevron-right"></i>
                        </span>
                      </button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--<< Footer Section Start >>-->
  <footer class="footer-section footer-bg section-padding pb-0">
    <div class="container">
      <div class="footer-widgets-wrapper">
        <div class="row">
          <div class="col-xl-3 col-sm-6 col-md-6 col-lg-3 wow fadeInUp" data-wow-delay=".2s">
            <div class="single-footer-widget">
              <div class="widget-head">
                <a href="index.html">
                  <img src="assets/img/logo/logo4.svg" alt="logo-img" />
                </a>
              </div>
              <div class="footer-content">
                <p>
                  我们相信它有能力做到这一点
                  <br />
                  令人惊奇的事情。
                </p>
                <span>有兴趣和我们一起合作吗?</span>
                <br />
                <a href="mailto:wangjinbrand@163.com" class="link">wangjinbrand@163.com</a>

              </div>
            </div>
          </div>
          <div class="col-xl-2 ps-lg-5 col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay=".4s">
            <div class="single-footer-widget">
              <div class="widget-head">
                <h5>快速链接</h5>
              </div>
              <ul class="list-items">
                <li>
                  <a href="service.html">服务</a>
                </li>
                <li>
                  <a href="project.html">案例</a>
                </li>
                <li>
                  <a href="faq.html">解决方案</a>
                </li>
                <li>
                  <a href="about.html">关于我们</a>
                </li>
                <li>
                  <a href="contact.html">联系我们</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-xl-2 ps-lg-4 col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay=".6s">
            <div class="single-footer-widget">
              <div class="widget-head">
                <h5>我们的服务</h5>
              </div>
              <ul class="list-items">
                <li>
                  <a href="javascript:void(0);">高端网站定制</a>
                </li>
                <li>
                  <a href="javascript:void(0);">移动端网站建设</a>
                </li>
                <li>
                  <a href="javascript:void(0);">小程序高端定制开发</a>
                </li>
                <li>
                  <a href="javascript:void(0);">云产品</a>
                </li>
                <li>
                  <a href="javascript:void(0);">电商平台</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-xl-2 col-sm-6 col-md-6 col-lg-3 wow fadeInUp" data-wow-delay=".8s">
            <div class="single-footer-widget">
              <div class="widget-head">
                <h5>地址：</h5>
              </div>
              <div class="footer-address-text">
                <p>郑州市管城紫荆山路59号 裕鸿国际B座 1519室</p>
                <h5>工作时间：</h5>
                <p>
                  9.00 – 18:00
                  <br />
                  周一至周五
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="container">
        <div class="footer-wrapper d-flex align-items-center justify-content-between">
          <p class="wow fadeInLeft color-2" data-wow-delay=".3s">
            Copyright © 2024 by
            <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
            . All Rights Reserved.
          </p>
          <ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
            <li>
              <a href="about.html">关于我们</a>
            </li>
            <li>
              <a href="contact.html">联系我们</a>
            </li>
            <li>
              <a href="faq.html">解决方案</a>
            </li>
          </ul>
        </div>
      </div>
      <a href="#" id="scrollUp" class="scroll-icon">
        <i class="far fa-arrow-up"></i>
      </a>
    </div>
  </footer>

  <!--<< All JS Plugins >>-->
  <script src="assets/js/jquery-3.7.1.min.js"></script>
  <!--<< Viewport Js >>-->
  <script src="assets/js/viewport.jquery.js"></script>
  <!--<< Bootstrap Js >>-->
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <!--<< Nice Select Js >>-->
  <script src="assets/js/jquery.nice-select.min.js"></script>
  <!--<< Waypoints Js >>-->
  <script src="assets/js/jquery.waypoints.js"></script>
  <!--<< Counterup Js >>-->
  <script src="assets/js/jquery.counterup.min.js"></script>
  <!--<< Slick Js >>-->
  <script src="assets/js/slick.min.js"></script>
  <!--<< Slick Animation Js >>-->
  <script src="assets/js/slick-animation.min.js"></script>
  <!--<< MeanMenu Js >>-->
  <script src="assets/js/jquery.meanmenu.min.js"></script>
  <!--<< Magnific Popup Js >>-->
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <!--<< Wow Animation Js >>-->
  <script src="assets/js/wow.min.js"></script>
  <!--<< Circle Progress Js >>-->
  <script src="assets/js/circle-progress.js"></script>
  <!--<< Main.js >>-->
  <script src="assets/js/main.js"></script>
</body>

</html>